<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>打卡访问统计</title>
    <style>
        /*第三种方法*/
        #div1{
            width: 800px;
            height: 850px;
            border: 1px solid green;
            position:absolute;
            top:30%;
            left:50%;
            margin:-225px 0 0 -400px;
        }
        .list
        {
            height:45px;
            line-height:45px;
            overflow:hidden;
            vertical-align:middle;
        }
       /* #div2 {
            width: 200px;
            height: 200px;
            background-color: orchid;
        }
        #div3 {
            width: 200px;
            height: 200px;
            background-color: orchid;
        }*/

    </style>

</head>
<body>

    <div id="div1" style="font-size: 20px">
        &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp &nbsp
        <a id ="welcomeMiddleBtn" style="font-size: 25px" href="/CloudEco/download">客户端下载链接</a><br>


<!--        <div id="div2">-->
            <h2>今日打卡访问统计</h2>
            <!-- <p th:text="'打卡id：' + ${dakaCount.id}"/>-->
        &nbsp<p th:text="'今日打卡app端的总计：' + ${dakaCount.app}"/>
        &nbsp <p th:text="'今日服务端被访问次数：' + ${dakaCount.fwcs}"/>
        &nbsp <p th:text="'今日服务端与云管理服务器通信次数：' + ${dakaCount.txcs}"/>
        &nbsp <p th:text="'统计服务端数据日期：' + ${dakaCount.cjsj}"/>
<!--        </div>-->

        <hr/>
<!--        <div id="div3">-->
            <h2>打卡访问累计数据</h2>
            <div th:object="${dakaCountList}">
                &nbsp  <p th:text="'总计app端：' + ${dakaCountList.app}"/>
                &nbsp <p th:text="'总计服务端被访问的次数：' +${dakaCountList.fwcs}"/>
                &nbsp <p th:text="'总计服务端与云管理服务器通信次数：' + ${dakaCountList.txcs}"/>
            </div>
<!--        </div>-->

    </div>


</body>
</html>